<template>
	<view class="zy-column-full">
		<view class="zy-page-padding">
			<scroll-view class="zy-scroll" scroll-y="true">
				<!-- 标题 -->
				<view class="zy-title-login zy-mt-100">Sign Up</view>
				<!-- 账号 -->
				<view class="zy-text-gray-light-lg zy-mt-50">phone</view>
				<view class="zy-row zy-input zy-mt-sm">
					<input class="zy-flex" placeholder="+63 Your mobile phone" placeholder-class="zy-input-place" />
				</view>
				<!-- 密码 -->
				<view class="zy-text-gray-light-lg zy-mt-lg">Password</view>
				<view class="zy-row zy-input zy-mt-sm">
					<input class="zy-flex" placeholder="Please enter your password" placeholder-class="zy-input-place" password />
				</view>
				<!-- 确认密码 -->
				<view class="zy-text-gray-light-lg zy-mt-lg">Password</view>
				<view class="zy-row zy-input zy-mt-sm">
					<input class="zy-flex" placeholder="Enter your password again" placeholder-class="zy-input-place" password />
				</view>
				<!-- 验证码 -->
				<view class="zy-text-gray-light-lg zy-mt-lg">Code</view>
				<view class="zy-row zy-input zy-mt-sm">
					<input class="zy-flex" placeholder="Verification Code" placeholder-class="zy-input-place"
						password />
					<zy-code></zy-code>
				</view>
				<!-- 邮箱 -->
				<view class="zy-text-gray-light-lg zy-mt-lg">Email</view>
				<view class="zy-row zy-input zy-mt-sm">
					<input  class="zy-flex" placeholder="Your email" placeholder-class="zy-input-place" password />
				</view>
				<!-- 登录及 -->
				<zy-button class="zy-mt-100" content="Registration"></zy-button>
				<zy-button class="zy-mt-lg" content="Download APP" hollow></zy-button>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import RouteUtil from '@/common/RouteUtil'
	export default {
		data() {
			return {}
		},
		methods: {
			toForgetPassword() {
				RouteUtil.toForgetPassword()
			}
		}
	}
</script>

<style>
	
</style>